$color: #282828;
$color1: #545454;
$color2: #8E8E8E;
$color3: #828080;
$color4: #686565;
$color5: #0D091A;
$color6: #969696;
$color7: #58575B;
$color8: #858585;
$color9: #212121;
$color10: #1a1a1a;
$color11: #262525;
$color12: #393939;
$color13: #373737;
$color14: #2d2d2d;
$color15: #6F6F6F;
$color16: #6a6a6a;
$color17: #313131;
$color18: #797979;
$color19: #434343;
$color20: #464849;
$color21: #1f1f1f;
$color22: #3e3e3e;
$color23: #121212;
$color24: #2a2a2a;
$mark: #df9a3f;
$mark2: #E3764B;
$active: #26903a;
$footer: #008C3F;
$border: #ECECEC;
$border1: #f2f2f2;
$border2: #D9D9D9;
$border3: #e1e1e1;
$border4: #ccc;
$arrow: #42505D;
$dot: #C7C7C7;
$bg1: rgba(38, 144, 58, 0.08);
$bg2: #f7f9f6;
$bg3: #F6F6F6;
$bg4: #f4f4f4;
$bg5: #fbfbfb;
@mixin transform-style($args) {
  -webkit-transform-style: $args;
  -moz-transform-style: $args;
  -ms-transform-style: $args;
  -o-transform-style: $args;
  transform-style: $args;
}

@mixin backface-visibility($args) {
  -webkit-backface-visibility: $args;
  -moz-backface-visibility: $args;
  -ms-backface-visibility: $args;
  -o-backface-visibility: $args;
  backface-visibility: $args;
}

@mixin animation($args) {
  -webkit-animation: $args;
  -moz-animation: $args;
  -ms-animation: $args;
  -o-animation: $args;
  animation: $args;
}

@mixin flex-basis($args) {
  -webkit-flex-basis: $args;
  -moz-flex-basis: $args;
  -ms-flex-basis: $args;
  -o-flex-basis: $args;
  flex-basis: $args;
}

@mixin animation-fill-mode($args) {
  -webkit-animation-fill-mode: $args;
  -moz-animation-fill-mode: $args;
  -ms-animation-fill-mode: $args;
  -o-animation-fill-mode: $args;
  animation-fill-mode: $args;
}

@mixin transform($args) {
  -webkit-transform: $args;
  -moz-transform: $args;
  -ms-transform: $args;
  -o-transform: $args;
  transform: $args;
}

@mixin user-select($args) {
  -webkit-user-select: $args;
  -moz-user-select: $args;
  -ms-user-select: $args;
  -o-user-select: $args;
  user-select: $args;
}

@mixin transform-origin($args) {
  -webkit-transform-origin: $args;
  -moz-transform-origin: $args;
  -ms-transform-origin: $args;
  -o-transform-origin: $args;
  transform-origin: $args;
}

@mixin transition($args) {
  -webkit-transition: $args;
  -moz-transition: $args;
  -ms-transition: $args;
  -o-transition: $args;
  transition: $args;
}

@mixin transform-style($args) {
  -webkit-transform-style: $args;
  -moz-transform-style: $args;
  -ms-transform-style: $args;
  -o-transform-style: $args;
  transform-style: $args;
}

@mixin display($args) {
  -webkit-display: $args;
  -moz-display: $args;
  -ms-display: $args;
  -o-display: $args;
  display: $args;
}

@mixin flex($args) {
  -webkit-flex: $args;
  -moz-flex: $args;
  -ms-flex: $args;
  -o-flex: $args;
  flex: $args;
}

@mixin flex-direction($args) {
  -webkit-flex-direction: $args;
  -moz-flex-direction: $args;
  -ms-flex-direction: $args;
  -o-flex-direction: $args;
  flex-direction: $args;
}

@mixin align-items($args) {
  -webkit-align-items: $args;
  -moz-align-items: $args;
  -ms-align-items: $args;
  -o-align-items: $args;
  align-items: $args;
}

@mixin justify-content($args) {
  -webkit-justify-content: $args;
  -moz-justify-content: $args;
  -ms-justify-content: $args;
  -o-justify-content: $args;
  justify-content: $args;
}

@mixin flex-wrap($args) {
  -webkit-flex-wrap: $args;
  -moz-flex-wrap: $args;
  -ms-flex-wrap: $args;
  -o-flex-wrap: $args;
  flex-wrap: $args;
}
@mixin align-self($args) {
  -webkit-align-self: $args;
  -moz-align-self: $args;
  -ms-align-self: $args;
  -o-align-self: $args;
  align-self: $args;
}

@mixin user-select($args) {
  -webkit-user-select: $args;
  -moz-user-select: $args;
  -ms-user-select: $args;
  -o-user-select: $args;
  user-select: $args;
}

@mixin line-clamp($args) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: $args;
  -webkit-box-orient: vertical;
}
@function px2vw($px) {
  @return $px/1920 * 100vw;
}

@function px2per($px) {
  @return $px/1920 * 100%;
}

@function px2per2($px, $w) {
  @return $px/$w * 100%;
}
